<template>
    <div>
        <div class="content">
            <div class="photoBox">
                <div class="workPhotoList">
                    <div class="onePhoto" v-for="(item,index) in data" :key="index">
                        <img :src="item.fileUrl" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    computed: {
        // imgDataSource () {
        //     return this.$store.state.media.imgDataSource
        // }
    },
    props: {
        data:{
            type:Array,
            default:[]
        }
    },
    watch: {
        data (newVal, oldVal) {
            if (!newVal) {
                this.data = []
            }
        }
    },
    data () {
        return {

        }
    },
    methods: {
       
    }
}
</script>
<style scoped>
    .photoBox{
        overflow: hidden;
        position: relative;
    }
    .workPhotoList{
        margin-top: 0.3rem;
        float: left;
    }
    .onePhoto{
        position: relative;
        width: 0.84rem;
        height: 0.84rem;
        border-radius: 0.08rem;
        margin:0 0.3rem  0.3rem 0;
        display: inline-block;
    }
    .onePhoto img{
        width: 100%; 
        height: 100%; 
        object-fit: cover;
    }
</style>
